<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>设备列表页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css}">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend><
    <td th:text="${address}"></td>配置页面<div></div></legend>
</fieldset>

<div class="layui-bg-gray" style="padding: 30px;">
    <form th:action="@{'/sendmsg/'+${address}}" method="post">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header ">TCP服务器配置</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            工作模式： <input style=" width: 120px;" th:value="网络透传" name="pattern">
                        </div>
                    </div>
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            服务器A ：地址和端口<input style=" width: 120px;" name="ip"> <input style=" width: 50px;" name="port">
                            连接类型<input style=" width: 120px;" name="ctype">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header ">串口配置</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            波特率：<input style=" width: 50px;" name="bps">  校检位 <input style=" width: 50px;" name="checkw">  数据位<input style=" width: 50px;" name="dataw"> 停止位<input style=" width: 50px;" name="stopw">
                        </div>
                    </div>
                </div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            打包时间 ： <input style=" width: 120px;" name="packTime">ms
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header ">MQTT配置</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            服务器：&nbsp;&nbsp;<input style=" width: 120px;" name="mip"> 端口<input style=" width: 50px;"name="mport" >
                        </div>
                    </div>
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            用户名 ： <input style=" width: 120px;" name="username">
                        </div>
                    </div>
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            密码 ：&nbsp;&nbsp;&nbsp;&nbsp;<input style=" width: 120px;" name="password">
                        </div>
                    </div>
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            KeepAlive ： <input style=" width: 120px;" name="keepAlive">
                        </div>
                    </div>
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            订阅Topic ：&nbsp; <input style=" width: 120px;" name="subscription">
                        </div>
                    </div>
                    <div class="layui-row layui-col-space12">
                        <div class="layui-col-xs3 layui-col-md12 ">
                            发布Topic ：&nbsp; <input style=" width: 120px;" name="issue"> </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
             <button  type="submit" class="layui-btn">保存</button>
             <button  type="reset" class="layui-btn">重置</button>
        </div>
    </div>
    </form>
</div>
</body>
<script th:src="@{/layui/layui.js}" charset="utf-8"></script>
<script th:src="@{/jquery.min.js}" charset="utf-8"></script>
</html>

